<template>
	<view class="homePage">
		<swiper
			class="swiper"
			circular
			:indicator-dots="true"
			indicator-color="rgba(255, 255, 255, .6)"
			indicator-active-color="#ffffff"
			:autoplay="true"
			:interval="3000"
			:duration="500">
			<swiper-item v-for="(item,i) in swiperList">
				<view class="swiper-item">
					<image :src="item.img" mode="widthFix">
					</image>
				</view>
			</swiper-item>
		</swiper>
		
		<view class="home-goods">
			<view class="thead">
				<view class="title">
					<text>ACTIVITY AREA</text>
				</view>
				<view class="line">
					<text>人气产品</text>
				</view>
			</view>
			<view class="tbody">
				<view class="list">
					<view class="item">
						<view
							class="cell"
							@click="onSkip(`/business/pages/business_tab/home?bid=1&way=1`)">
							<view class="cover">
								<image
									src="https://img.2024csnl.com/static/2.x/a8.jpg"
									mode="widthFix">
								</image>
							</view>
							<view class="exp">
								<view class="title">
									<text>面部逆龄系列</text>
								</view>
							</view>
						</view>
					</view>
					<view class="item">
						<view
							class="cell"
							@click="onSkip(`/business/pages/business_tab/home?bid=1&way=1`)">
							<view class="cover">
								<image
									src="https://img.2024csnl.com/static/2.x/a9.jpg"
									mode="widthFix">
								</image>
							</view>
							<view class="exp">
								<view class="title">
									<text>头部护理系列</text>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="home-about">
			<view class="thead">
				<view class="title">
					<text>company introdl ction</text>
				</view>
				<view class="line">
					<text>关于逆龄</text>
				</view>
			</view>
			<view class="tbody">
				<view class="box">
					<view class="cover">
						<image
							src="https://img.2024csnl.com/static/2.x/a12.png"
							mode="widthFix">
						</image>
					</view>
					<view :class="aboutRichClass">
						<text>逆伶生物是华原细胞集团旗下高科技技术公司，集研发、生产与销售为一体，以“干细胞技术”“外泌体技术”为核心，向临床科研提供外泌体试剂和技术服务，具有丰富的外泌体系列产品线:涵盖外泌体原材料、科研试剂、临床试剂、外泌体生发、外泌体眼部修护、外泌体肺部维养外泌体居家抗衰等产品服务。</text>
					</view>
					<view
						v-show="aboutRichEllipsis"
						class="all"
						@tap="showAllRich">
						<text>查看全部</text>
						<image
							src="https://img.2024csnl.com/static/2.x/a13.png"
							mode="">
						</image>
					</view>
					<view class="join-title">
						<text>加入逆伶</text>
					</view>
					<view :class="aboutRichClass">
						<text>逆伶生物是华原细胞集团旗下高科技技术公司，集研发、生产与销售为一体，以“干细胞技术”“外泌体技术”为核心，向临床科研提供外泌体试剂和技术服务，具有丰富的外泌体系列产品线:涵盖外泌体原材料、科研试剂、临床试剂、外泌体生发、外泌体眼部修护、外泌体肺部维养外泌体居家抗衰等产品服务。</text>
					</view>
				</view>
				<view class="box">
					<view class="photos">
						<view class="item">
							<view class="cell">
								<view class="img">
									<image
										src="https://img.2024csnl.com/static/2.x/a14.png"
										mode="">
									</image>
								</view>
							</view>
						</view>
						<view class="item">
							<view class="cell">
								<view class="img">
									<image
										src="https://img.2024csnl.com/static/2.x/a15.png"
										mode="">
									</image>
								</view>
							</view>
						</view>
						<view class="item">
							<view class="cell">
								<view class="img">
									<image
										src="https://img.2024csnl.com/static/2.x/a16.png"
										mode="">
									</image>
								</view>
							</view>
						</view>
						<view class="item">
							<view class="cell">
								<view class="img">
									<image
										src="https://img.2024csnl.com/static/2.x/a17.png"
										mode="">
									</image>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="home-address">
			<view class="thead">
				<view class="title">
					<text>contact address</text>
				</view>
				<view class="line">
					<text>逆龄生物科技</text>
				</view>
			</view>
			<view
				class="tbody"
				@click="onSkip(`/open-location?latitude=28.246223&longitude=113.083779&scale=15&name=逆伶小店`)">
				<view class="img">
					<image
						src="https://img.2024csnl.com/static/2.x/a19.png"
						mode="">
					</image>
				</view>
				<view class="address">
					<image
						src="https://img.2024csnl.com/static/2.x/a18.png"
						mode="">
					</image>
					<text>湖南省长沙市岳麓区梅溪湖街道正荣梅溪紫阙台2栋3215</text>
				</view>
			</view>
		</view>
		
		<view class="home-kefu">
			<view class="logo">
				<image
					src="https://img.2024csnl.com/static/2.x/a22.png"
					mode="widthFix">
				</image>
			</view>
			<view class="rich">
				<text>和逆伶一起开始探索之旅</text>
				<text>Embark on a journey of discovery with NiLing</text>
			</view>
			<view
				class="kefu"
				@click="copyWechat()">
				<image
					src="https://img.2024csnl.com/static/2.x/a21.png"
					mode="">
				</image>
				<text>添加客服小伶</text>
			</view>
		</view>
		
		
		
		
		
		
		
		
		

		<!-- <view class="modules">
			<view class="item">
				<image src="@/assets/index/index-b1.png" mode="widthFix">
				</image>
			</view>
			<view class="item2" @click="onSkip(`/business/pages/business_tab/home?bid=1`)">
				<view class="cate">
					<text>面部逆龄系列 &gt;&gt;</text>
				</view>
				<view v-if="false" class="url">
					<text>上新通知我</text>
				</view>
			</view>
			<view class="item" @click="onSkip(`/business/pages/business_tab/home?bid=1`)">
				<image src="@/assets/index/index_mian.png" mode="widthFix">
				</image>
			</view>
			<view class="item2" style="background: #fbfbfb;" @click="onSkip(`/business/pages/business_tab/home?bid=1`)">
				<view class="cate">
					<text>头部护理系列 &gt;&gt;</text>
				</view>
				<view v-if="false" class="url">
					<text>上新通知我</text>
				</view>
			</view>
			<view class="item" @click="onSkip(`/business/pages/business_tab/home?bid=1`)">
				<image src="@/assets/index/index_tou.png" mode="widthFix">
				</image>
			</view>
			<view v-if="false" class="rows">
				<view class="cell" @click="onSkip(`/business/pages/business_tab/home?bid=1`)">
					<view class="item2" style="background: #fdfdfd;">
						<view class="cate">
							<text>眼部护理系列 &gt;&gt;</text>
						</view>
						<view v-if="false" class="url">
							<text>上新通知我</text>
						</view>
					</view>
					<view class="item">
						<image src="@/assets/index/index-b4.png" mode="widthFix">
						</image>
					</view>
				</view>
				<view class="cell" @click="onSkip(`/business/pages/business_tab/home?bid=1`)">
					<view class="item2" style="background: #fdfdfd;">
						<view class="cate">
							<text>肺部维养系列 &gt;&gt;</text>
						</view>
						<view v-if="false" class="url">
							<text>上新通知我</text>
						</view>
					</view>
					<view class="item">
						<image src="@/assets/index/index-b5.png" mode="widthFix">
						</image>
					</view>
				</view>
			</view>
			<view class="item">
				<image src="@/assets/index/index-b6.png" mode="widthFix">
				</image>
			</view>
			<view class="item">
				<image src="@/assets/index/index-b7.png" mode="widthFix">
				</image>
			</view>
			<view class="item" @click="onSkip(`/open-location?latitude=28.246223&longitude=113.083779&scale=15&name=逆伶小店`)">
				<image src="@/assets/index/index-b8.png" mode="widthFix">
				</image>
			</view>
			<view class="item" @click="copyWechat()">
				<image src="@/assets/index/index-b9.png" mode="widthFix">
				</image>
			</view>
		</view> -->
		
		
		
		
		<!-- 主要内容区 -->
		<view class="mainBox" v-if="false">
			<view v-if="!isAudit" class="" style="background-color: white;">
				<view class="flex align home-dz-ss">
					<view class="flex align " @click="onChoseCity">
						<view class="">{{city}}</view>
						<image src="https://wx.2024csnl.com/static/home/home-dw.png" mode="aspectFill" class="home-dw" />
					</view>
					<view class="flex align search-box">
						<image src="https://wx.2024csnl.com/static/home/home-search.png" mode="aspectFill" class="home-search" />
						<input type="text" class="home-search-input" placeholder="搜索商铺名称" confirm-type="search" placeholder-class="p-c" v-model="keyWords" @confirm="search" @blur="search">
						<text class="home-search-btn" @click="search">搜索</text>
					</view>
				</view>
			</view>
			<view v-if="!isAudit" class="swiperBigBox">
				<swiper class="swiper-box" circular :autoplay="true" :interval="3000" @change="changeswiper" :current="currentswiper" :duration="500">
					<swiper-item v-for="(item,i) in swiperList" :key="i" @click="goBannerDetails(item)">
						<image :src="item.img" mode="aspectFill" :style="{backgroundColor:item}" class="swiper-img" />
						<view class="swiperNumBox">
							{{currentswiper+1}}/{{swiperList.length}}
						</view>
					</swiper-item>
				</swiper>
			</view>
			<view v-if="!isAudit" style="margin: 10rpx 0;">
				<uni-notice-bar scrollable="true" speed="20" background-color="#fff" :text="noticeList">
				</uni-notice-bar>
			</view>
			<view v-if="!isAudit" class="between" style="background-color: white;padding-top: 20rpx; display: flex; flex-direction: row;">
				<view class="between align type-list" v-for="(type,index) in typeList" :key="index" @click="checkType(type.id)">
					<view class="flex align ">
						<view :class="typeIndex==type.id?'xl-act':''">{{ type.title }}</view>
						<image v-if="typeIndex==type.id" src="https://wx.2024csnl.com/static/home/home-xlr.png" mode="aspectFill" class="home-xl" />
						<image v-else src="https://wx.2024csnl.com/static/home/home-xlb.png" mode="aspectFill" class="home-xl" />
					</view>
				</view>
				<view class="between align type-list">
					<picker @change="bindPickerChange" @cancel="bindPickerCancel" :value="filterIndex" :range="filterList" range-key="name">
						<view class="flex align ">
							<view :class="typeLast.title!='分类' && typeLast.title!='不限分类' ?'xl-act':''" style="width: 65rpx;overflow: hidden;height: 40rpx;">{{typeLast.title }}</view>
							<image v-if="typeLast.title!='分类' && typeLast.title!='不限分类'" src="https://wx.2024csnl.com/static/home/home-xlr.png" mode="aspectFill" class="home-xl" />
							<image v-else src="https://wx.2024csnl.com/static/home/home-xlb.png" mode="aspectFill" class="home-xl" />
						</view>
					</picker>
				</view>
			</view>
			<view v-if="!isAudit" class="goods-list">
				<view class="goods-item flex" v-for="(goods,index) in goodsList" :key="index">
					<view class="goods-header">
						<image :src="goods.logo" mode="aspectFill" class="goods-img" />
						<view class="fl between column">
							<view class="goods-name">{{ goods.name }}</view>
							<view class="between align score" style="margin-top: 20rpx;">
								<view class="flex align ">
									<view class="flex align" @click="onTelPhone(goods.tel)">
										<image src="https://wx.2024csnl.com/static/smyx/home_phone.png" mode="heightFix" class="star" />
										<view class="score-num">电话</view>
									</view>
									<view class="flex align" style="margin-left: 30rpx;" @click="openMap(goods)">
										<image src="https://wx.2024csnl.com/static/smyx/home_gps.png" mode="heightFix" class="star" />
										<view class="score-num">位置</view>
									</view>
									<view class="month-sales" style="margin-left: 10rpx;">
										{{ goods.juli}}
									</view>
								</view>
							</view>
						</view>
						<image src="https://wx.2024csnl.com/static/smyx/home_to_shop.png" style="width: 150rpx;" mode="widthFix" @click="onSkip(`/business/pages/business_tab/home?bid=${goods.bid}`)">
						</image>
					</view>
					<view v-if="goods.prolist.length > 0" style="height: 1px; background-color: #eeeeee;width: 100%; margin: 20rpx 0 10rpx 0;"></view>
					<view v-if="goods.prolist.length > 0" style="display: flex; flex-direction: row; justify-content: center; align-items: center;">
						<view class="oneGoods" v-for="(good,index1) in goods.prolist" :key="index1" @click="onSkip(`/pages/goods/goods-detail?id=${good.id}&pageType=商家列表`)">
							<image :src="good.pic"></image>
							<view class="tit">{{good.name}}</view>
							<view class="priseBox">￥<text>{{good.sell_price}}</text></view>
						</view>
					</view>
				</view>
				<view class="flex-center addressImgBox" v-if="goodsList.length==0">
					<image src="https://wx.2024csnl.com/static/noData.png"></image>
					暂无数据~
				</view>
				<view style="text-align: center;color: #999;" v-if="noMoreData &&goodsList.length!=0">没有更多啦~
				</view>
			</view>
			<!-- 推广分类 -->
			<view v-show="isAudit" class="swiperBigBox">
				<swiper class="swiper-box" circular :autoplay="true" :interval="3000" @change="changeswiper" :current="currentswiper" :duration="500">
					<swiper-item v-for="(item,i) in swiperList1" :key="i" @click="goBannerDetails(item)">
						<image :src="item.img" mode="aspectFill" :style="{backgroundColor:item}" class="swiper-img" />
						<view class="swiperNumBox">
							{{currentswiper+1}}/{{swiperList1.length}}
						</view>
					</swiper-item>
				</swiper>
			</view>
			<view v-if="isAudit" style="margin: 10rpx 0;">
				<uni-notice-bar scrollable="true" speed="20" background-color="#fff" :text="noticeList1">
				</uni-notice-bar>
			</view>
			<view v-if="isAudit">
				<view v-for="(list,idx) in sjGoodsList" :key="idx">
					<view class="classifyTit">{{list.classify}}</view>
					<view class="listBigBox">
						<view class="oneGoods" v-for="(goods,i) in list.goods" :key="i" @click="onSkip(`/pages/goods/goods-detail?id=${goods.id}&pageType=商家列表`)">
							<image :src="goods.pic"></image>
							<view>
								<view class="tit">{{goods.name}}</view>
								<view class="priseBox">￥<text>{{goods.sell_price}}</text></view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>

		<uni-popup ref="popupPrivacy" type="center">
			<view style="width: 600rpx; margin: auto; background-color: white;padding: 40rpx; border-radius: 10rpx;">
				<view>在您使用“逆伶生物”服务之前，请仔细阅读<text @click="handleOpenPrivacyContract" style="color: blue;">《逆伶生物小程序隐私保护指引》</text>，如你同意该指引，请点击“同意”开始使用本小程序。</view>
				<view style="display: flex; flex-direction: row; margin-top: 40rpx;">
					<button @click="exit" style="flex: 1;  height: 80rpx; line-height: 80rpx; background-color: red;color: white; border-top-right-radius: 0; border-bottom-right-radius: 0;">拒绝</button>
					<button style="flex: 1; margin-left: 5rpx; background-color: green; color: white; height: 80rpx; line-height: 80rpx;border-top-left-radius: 0; border-bottom-left-radius: 0;" id="agree-btn" open-type="agreePrivacyAuthorization" @agreeprivacyauthorization="handleAgreePrivacyAuthorization">同意</button>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	import permision from "@/js_sdk/wa-permission/permission.js"
	import {
		getLocationInfo,
		place
	} from "../../utils/index.js"
	import {
		getEquity,
		getSlideshow,
		getAnnouncement,
		getHotMerchant,
		getHotMerchantDetails,
		busGroupBooking,
		getFiltrate,
		getPublicity,
		getAppConfigSync
	} from "../../api/index.js"
	import Dialog from '../../utils/dialog.js'
	import CloseDialog from '../../utils/closeDialog.js'
	import NetworkDialog from '../../utils/NetworkDialog.js'
	import {
		getConfigJson
	} from "api/appapi.js"
	export const debounce = (fn, time) => {
		let timer = null;
		return function(...args) {
			if (timer) {
				clearTimeout(timer);
			}
			let ctx = this;
			timer = setTimeout(function() {
				timer = null;
				fn.apply(ctx, args);
			}, time)
		}
	}
	export default {
		data() {
			return {
				isAudit: false,
				url: 'https://app.sappsa.top/app_store/gis3.php',
				chouJiangId: 0,
				windowWidth: 0,
				windowHeight: 0,
				mainBoxStype: 'marginTop',
				currentswiper: 0, //广告位当前轮播图idx
				isLogin: false,
				noMoreData: false,
				typeIndex: 1, //默认综合分类
				filterBusId: '', //选择的分类id
				typeList: [{
						title: '商城购物',
						id: 1,
					},
					{
						title: '附近门店',
						id: 2,
					}

				],
				typeLast: {
					title: '分类',
					id: 4,
				},
				noticeList: [], //公告
				equityList: [], //权益列表
				systemBarHeight: getApp().globalData.systemBarHeight,
				headerOpacity: '',
				swiperList: [],
				swiperList1: [],
				noticeList1: [], //公告
				navList: [],
				cardList: [{
						icon: 'home-one',
						page: '/pages/goods/integral-mall'
					},
					{
						icon: 'home-two',
						page: '/pages/holdshares/rankingList'
					}
				],
				goodsList: [], //商家列表
				sjGoodsList: [],
				filterList: [], //分类列表
				filterIndex: 0, //筛选数据
				city: '获取中',
				selectCity: '',
				latitude: '',
				longitude: '',
				pagenum: 1, //分页
				keyWords: '', //搜索内容
				totalPage: '',
				publicityList: [], //宣传轮播图
				asyncHomeCheckLogin: false,
				intervalTimer: 0,
				aboutRichEllipsis: true
			}
		},
		mounted() {
			const appConfig = getAppConfigSync()
			var homePath = appConfig.homePath;
			if (homePath) {
				uni.switchTab({
					url: homePath
				})
			}
			var _this = this
			uni.getSystemInfo({
				success: function(res) {
					_this.windowWidth = res.windowWidth
					_this.windowHeight = res.windowHeight
				},
			});
		},
		async onLoad() {
			const appConfig = getAppConfigSync()
			//this.isAudit = appConfig.isAudit;

			const sessionData = uni.getStorageSync('sessionData')
			if (sessionData && sessionData.session_id) {
				await this.onGetHomeCheckLogin();
			}


			if (this.isAudit) {
				//uni.setTabBarItem({
				//	index: 1,
				//	visible: false
				//})
			}

			if (this.isAudit) {
				//uni.setTabBarItem({
				//	index: 2,
				//	visible: false
				//})
			}

			await this.onGetBusnessRecommendGoods();

			var BASE_URL = getApp().globalData.BASE_URL
			const isAgency = getApp().globalData.isAgency

			// #ifdef H5
			if (isAgency) {
				BASE_URL = '/api'
			}
			// #endif

			try {
				const testAccountRes = await getConfigJson(
					`${BASE_URL}/app/config/config.test.account.json`)

				const testAccountData = testAccountRes.data

				if (testAccountData.status == 1) {
					uni.setStorageSync('TESTACCOUNT', JSON.stringify(testAccountData.data));
				}

				this.isLogin = false;

				try {
					const sessionData = uni.getStorageSync('sessionData')
					if (sessionData && sessionData.session_id) {
						if (sessionData.account) {
							if (testAccountData.data.indexOf(sessionData.account) >= 0) {

							} else {
								this.isLogin = true;
							}
						}
					}
				} catch (e) {}

				if (appConfig.isAudit) {
					this.isLogin = false;
				}

				// #ifdef H5 | MP-WEIXIN
				this.onGetArea()
				this.mainBoxStype = 'paddingTop'
				// #endif

				await this.onGetFiltrate()
				if (this.selectCity) {
					this.city = this.selectCity
				}
				await this.onReqGetEquity()
				await this.onGetSlideshow()
				await this.onGetAnnouncement()
				await this.onGetHotMerchantDetails('5');

				await this.onGetPublicity()
				await this.onGetHotMerchant()
				if (this.isLogin) {
					//await this.onGetMsgCount()
					await this.onGetChouJiangList()
					await this.onGetLotteryList()
				}

				uni.hideLoading()

			} catch (e) {
				uni.hideLoading();
				NetworkDialog.show({
					title: `网络错误`,
					confirmText: '刷新',
					content: '当前请求网络出现异常，请点击刷新按钮重新请求！',
					showCancel: false,
					confirm: () => {
						uni.reLaunch({
							url: "/pages/tab/home"
						})
					}
				})
			}

		},
		onTabItemTap(e) {
			const appConfig = getAppConfigSync()
			var homePath = appConfig.homePath;
			if (homePath) {
				uni.switchTab({
					url: homePath
				})
			}

			if (this.isLogin) {
				//this.onGetMsgCount()
				this.onGetChouJiangList()
				this.onGetLotteryList()
			}

			this.onGetHotMerchantDetails('5');

		},
		async onShow() {
			// #ifdef MP-WEIXIN
			this.openPrivacy();
			// #endif
			const appConfig = getAppConfigSync()
			//this.isAudit = appConfig.isAudit;

			const sessionData = uni.getStorageSync('sessionData')
			if (sessionData && sessionData.session_id) {
				await this.onGetHomeCheckLogin();
			}

			// if (this.isAudit) {
			// 	uni.setTabBarItem({
			// 		index: 1,
			// 		visible: false
			// 	})
			// }

			// if (this.isAudit) {
			// 	uni.setTabBarItem({
			// 		index: 2,
			// 		visible: false
			// 	})
			// }


			await this.onGetHotMerchantDetails('5');

			uni.$on('city', (data) => {
				this.city = data
				this.typeIndex = 1;
				this.latitude = ''
				this.longitude = ''
				this.onRefiresh()
			})

			uni.$on('locationCity', (address) => {
				if (address) {
					const {
						latitude,
						longitude
					} = address

					this.city = place(address.address.city)
					this.latitude = latitude
					this.longitude = longitude
					this.onRefiresh()
				} else {
					this.onRefiresh()
				}

			})

		},
		onHide() {
			console.log("hide")
			if (this.intervalTimer > 0) {
				clearInterval(this.intervalTimer);
			}
		},
		onReachBottom() {
			if (this.pagenum < this.totalPage) {
				this.pagenum += 1
				this.onGetHotMerchant('bottom')
			} else {
				this.noMoreData = true
			}
		},
		computed: {
			aboutRichClass () {
				const classObj = {
					rich: true,
					ellipsis: this.aboutRichEllipsis
				}
				return classObj
			}
		},
		methods: {
			showAllRich () {
				this.aboutRichEllipsis = false;
			},
			copyWechat(){
				uni.setClipboardData({
					data: 'CSMLKJ888',
					success: function () {
						uni.showToast({
							title: "复制成功"
						})
					}
				});
			},
			exit() {
				uni.exitMiniProgram({
					success: function(res) {

					},
					fail: function(res) {

					},
					complete: function(res) {

					}
				})
			},
			open(n) {
				this.$refs[n].open();
			},
			close(n) {
				this.$refs[n].close();
			},
			openPrivacy() {
				wx.getPrivacySetting({
					success: res => {
						//this.open('popupPrivacy')
						if (res.needAuthorization) {
							// 需要弹出隐私协议
							this.open('popupPrivacy')
						} else {

						}
					},
					fail: () => {},
					complete: () => {}
				})
			},
			handleAgreePrivacyAuthorization() {
				this.close('popupPrivacy')
			},
			handleOpenPrivacyContract() {
				// 打开隐私协议页面
				wx.openPrivacyContract({
					success: () => {}, // 打开成功
					fail: () => {}, // 打开失败
					complete: () => {}
				})
			},
			// 详情
			async onGetHotMerchantDetails(id) {
				const res = await getHotMerchantDetails(`s=/ApiIndex/businessxq&id=${id}`)
				const {
					data,
					status,
					banner,
					msg,
					notice
				} = res.data
				// console.log(res, "111")
				if (status == 1) {
					//this.title = data.name;
					//this.details = data
					this.swiperList1 = banner
					this.noticeList1 = notice.map(item => {
						return {
							content: item
						}
					})
					// console.log(data,"***")
				} else {
					this.showToast(msg)
				}
			},
			// 推荐商品
			async onGetBusnessRecommendGoods() {
				const res = await busGroupBooking(`s=/ApiIndex/maingoodslist`, {
					bid: '5'
				})
				const {
					data,
					status,
					msg,
				} = res.data
				console.log(res, "111")
				if (status == 1) {
					this.sjGoodsList = data
				} else {
					this.showToast(msg)
				}
			},
			openMap(details) {
				const {
					latitude,
					longitude,
					name
				} = details
				// console.log("获取经纬度ssssfff", lon, lat);
				uni.openLocation({
					latitude: parseFloat(latitude),
					longitude: parseFloat(longitude),
					scale: 15,
					name: name
				})
			},
			baiduOnAction(data) {

				if (!data)
					return;
				if (!data.detail)
					return;
				if (!data.detail.data)
					return;

				var action = data.detail.data[0].action;
				if (action == 'playVideo') {
					uni.navigateTo({
						url: '/pages/tab/video?vid=' + data.detail.data[0].vid
					})
				}

				if (action == 'ai') {
					const appConfig = getAppConfigSync()

					var url = appConfig.AiUrl;

					uni.navigateTo({
						url: `/business/pages/business_tab/web?url=${url}`
					})
				}
			},
			async tapTopAction(action) {

				try {
					uni.setStorageSync('vplay', 'true');
				} catch (e) {

				}
				if (action == "fun") {
					uni.navigateTo({
						url: '/package/mine/fun'
					})
				}
				if (action == "tip") {
					this.toast("敬请期待");
				}

				if (action == "scan") {
					this.onChargeOff()
				}

				if (action == "business") {
					this.onSkip('/pages/tab/business')
				}

				if (action == "cityVideo") {
					uni.navigateTo({
						url: '/pages/tab/video?isCity=true'
					})
				}

				if (action == "video") {
					uni.navigateTo({
						url: '/pages/tab/video'
					})
				}

				if (action == "order") {
					this.onSkip('/package/mine/myOrderList/myOrderList')
				}

				if (action == "ranking") {
					this.onSkip('/pages/holdshares/rankingList')
				}

				if (action == "settings") {
					this.onSkip('/package/mine/setUp/setUp')
				}

				if (action == "message") {
					this.onSkip('/package/mine/messageNotification')
				}
			},
			deBounce(fn, time) {
				let timer = null;
				return function(...args) {
					if (timer) {
						clearTimeout(timer);
					}
					let ctx = this;
					timer = setTimeout(function() {
						timer = null;
						fn.apply(ctx, args);
					}, time)
				}
			},
			onChoseCity() {
				if (this.city == '获取中') {
					this.requestAndroidPermission('android.permission.ACCESS_FINE_LOCATION', 'click')
				} else {
					this.onSkip(`/package/mine/choseCity?city=${this.city}`)
				}
			},
			async requestAndroidPermission(permisionID, type) {
				this.onGetArea()
				setInterval(() => {
					this.onGetArea()
				}, 600000)

				// const result = await permision.requestAndroidPermission(permisionID)
				// if (result == 1) {
				// 	if (permisionID == 'android.permission.ACCESS_FINE_LOCATION') {
				// 		uni.setStorage({
				// 			key: 'LocationIsAuthorization',
				// 			data: 'true',
				// 			success: function() {}
				// 		});
				// 	}

				// 	if (type == 'click') {
				// 		this.showToast('获取定位中~')
				// 	}
				// 	this.onGetArea()
				// 	setInterval(() => {
				// 		this.onGetArea()
				// 	}, 600000)
				// } else if (result == 0) {
				// 	if (type == 'click') {
				// 		this.showToast('您未授权定位,请到设置中开启~')
				// 	}
				// } else {
				// 	if (type == 'click') {
				// 		this.showToast('您未授权定位,请到设置中开启~')
				// 	}
				// }
			},
			// 宣传轮播
			async onGetPublicity() {
				const res = await getPublicity(`s=ApiIndex/navigationphone`)
				const {
					data,
					status,
					msg
				} = res.data
				if (status == 1) {
					this.publicityList = data
				} else {
					this.showToast(msg)
				}
			},
			// 宣传轮播
			async onGetMsgCount() {
				const res = await getPublicity(`s=ApiZwyRequest/getmsgcount`)
				const {
					msgcount,
					status,
					msg
				} = res.data
				console.log(res)
				if (status == 1) {
					if (msgcount > 0) {
						uni.setTabBarBadge({
							index: 2,
							text: msgcount > 99 ? '99+' : `${msgcount}`
						})
					} else {
						uni.removeTabBarBadge({
							index: 2
						})
					}
				} else {
					this.showToast(msg)
				}
			},
			async onGetChouJiangList() {
				const res = await getPublicity(`s=ApiZwyRequest/getchoujianglist`)
				const {
					choujiang_id,
					status,
					msg
				} = res.data
				console.log(res)
				if (status == 1) {
					if (choujiang_id > 0) {
						this.chouJiangId = choujiang_id;

						Dialog.show({
							icon: 'https://wx.2024csnl.com/static/business/circleDraw.png',
							confirm: () => {
								uni.reLaunch({
									url: `/package/mine/circleDraw?id=${this.chouJiangId}&pageType=1`
								});
							}
						})

					}
				} else {
					this.showToast(msg)
				}
			},
			async onGetLotteryList() {
				const res = await getPublicity(`s=/ApiChoujiang/xydcjhometips`)
				const {
					data,
					status,
					msg
				} = res.data
				console.log(res)
				if (status == 1) {
					if (data.show_status > 0) {
						CloseDialog.show({
							title: data.kjtime,
							confirmText: '立即更新',
							content: '暂无更新说明',
							showCancel: true,
							icon: 'https://wx.2024csnl.com/static/business/lotteryTips2.png',
							confirm: () => {
								uni.navigateTo({
									url: `/pages/tab/lottery`
								});
							}
						});

					}
				} else {
					this.showToast(msg)
				}
			},
			changeswiper(e) {
				this.currentswiper = e.detail.current
			},
			getParam(path, name) {
				var reg = new RegExp("(^|\\?|&)" + name + "=([^&]*)(\\s|&|$)", "i");
				if (reg.test(path))
					return unescape(RegExp.$2.replace(/\+/g, " "));
				return "";
			},
			onTelPhone(tel) {
				console.log(tel, "app")
				this.callPhone(tel)
			},
			onChargeOff() {
				var that = this

				uni.scanCode({
					onlyFromCamera: true,
					autoZoom: false,
					success: (res) => {
						setTimeout(() => {
							const bid = that.getParam(res.result, "bid");
							const bindbid = that.getParam(res.result, "bindbid");
							if (bid != '' || bindbid != '') {
								that.onSkip(
									`/business/pages/business_tab/qrCodePay?bid=${bid}&bindbid=${bindbid}`
								)
							} else {
								that.showToast('无效二维码')
							}
						}, 800)
					}
				});

			},
			goBannerDetails(item) {
				if (item.navigationurltype == 7) {
					this.onSkip(`/package/mine/bannerDeteails?type=web&url=${item.url}`)
				} else {
					this.onSkip(item.url)
				}
			},
			async onGetHomeCheckLogin() {
				let that = this;
				const res = await getHotMerchant(`s=/ApiIndex/homechecklogin`)
				const {
					status,
					msg
				} = res.data

				if (status == 1) {
					this.isAudit = false;
					this.asyncHomeCheckLogin = true;
					this.intervalTimer = setInterval(async () => {
						await this.onGetBobao();
					}, 10000);
				} else if (status == 3) {
					this.isAudit = false;
				}
			},
			async onGetBobao() {

				const res = await getHotMerchant(`s=/ApiBusiness/orderbobao`)
				const {
					yuying,
					status,
					msg
				} = res.data

				if (status == 1) {
					var plugin = requirePlugin("WechatSI");
					plugin.textToSpeech({
						lang: 'zh_CN',
						content: yuying,
						success: function(res) {
							if (res.retcode == 0) {
								let innerAudioContext = uni.createInnerAudioContext();
								innerAudioContext.autoplay = true; //自动播放
								innerAudioContext.loop = false; //循环播放
								innerAudioContext.src = `${res.filename}`;
								innerAudioContext.onPlay(() => { //可以播放事件
								});
								innerAudioContext.onError((res) => {});
								innerAudioContext.onstatechange = function() {
									console.log(innerAudioContext.state);
								};
							}
						}
					})
				}
			},
			async onRefiresh() {
				this.goodsList = []
				this.pagenum = 1
				await this.onGetHotMerchant()
			},
			async search() {
				uni.showLoading({
					title: '搜索中...'
				})
				this.goodsList = []
				this.pagenum = 1
				await this.onGetHotMerchant()
				uni.hideLoading()
			},
			async onGetHotMerchant(type) {
				let seCity = ''
				this.city != '获取中' ? seCity = `${this.city}市` : seCity = ''
				const sort = this.typeIndex == 1 ? 'like' : this.typeIndex == 2 ? 'juli' : this.typeIndex == 3 ?
					'scoredesc' : this.typeIndex == 5 ? 'all' : ''
				const searchType = this.typeIndex == 1 ? '0' : this.typeIndex == 2 ? '1' : '0';
				const res = await getHotMerchant(
					`s=/ApiIndex/businesslist&latitude=${this.latitude}&longitude=${this.longitude}&type=${searchType}&city=${seCity}&sortby=${sort}&category=${this.filterBusId}&pagenum=${this.pagenum}
					&words=${this.keyWords}`)
				const {
					data,
					status,
					total,
					msg
				} = res.data
				console.log(res);
				if (status == 1) {
					this.totalPage = total
					type == 'bottom' ? this.goodsList.push(...data) : this.goodsList = data
					this.pagenum != 1 && data.length == 0 ? this.noMoreData = true : this.noMoreData = false
				} else {
					this.showToast(msg)
				}
			},
			async checkType(id) {
				this.typeIndex = id;
				uni.showLoading({
					title: '加载中...'
				});
				await this.onRefiresh()
				uni.hideLoading();
			},
			async bindPickerCancel(e) {
				uni.showLoading({
					title: '加载中...'
				})
				this.filterIndex = e.detail.value;
				this.filterBusId = ''
				this.typeLast.title = '分类'
				await this.onRefiresh()
				uni.hideLoading()
			},
			async bindPickerChange(e) {
				uni.showLoading({
					title: '加载中...'
				})
				this.filterIndex = e.detail.value;
				this.filterBusId = this.filterList[e.detail.value].id
				this.typeLast.title = this.filterList[e.detail.value].name
				await this.onRefiresh()
				uni.hideLoading()
			},
			async onGetFiltrate() {
				const res = await getFiltrate('s=/ApiIndex/businesstypes')
				const {
					status,
					msg,
					data
				} = res.data
				if (status == 1) {
					this.filterList = [{
						id: '',
						name: '不限分类'
					}, ...data]
				} else {
					this.showToast(msg)
				}
			},
			async onGetArea() {
				let address = await getLocationInfo()
				if (address) {
					const {
						latitude,
						longitude
					} = address
					if (this.selectCity != '') {
						this.city = this.selectCity
						this.latitude = latitude
						this.longitude = longitude
						this.onRefiresh()
					} else {
						this.city = place(address.address.city)
						this.latitude = latitude
						this.longitude = longitude
						this.onRefiresh()
					}

				} else {
					setTimeout(() => {
						this.onGetArea()
					}, 5000)
				}
			},
			async onGetAnnouncement() {
				const res = await getAnnouncement('s=/ApiIndex/appnotice')
				const {
					data,
					status,
					msg
				} = res.data
				if (status == 1) {
					this.noticeList = data
				} else {
					this.showToast(msg)
				}
			},
			async onGetSlideshow() {
				let res = await getSlideshow('s=/ApiIndex/banner')
				const {
					data,
					status,
					msg
				} = res.data
				if (status == 1) {
					this.swiperList = data // mockData
				} else {
					this.showToast(msg)
				}
			},
			async onReqGetEquity() {
				const res = await getEquity('s=/ApiIndex/recomgoods')
				const {
					data,
					status,
					msg
				} = res.data
				if (status == 1) {
					this.equityList = data
				} else {
					this.showToast(msg)
				}
			},
			toast(text) {
				uni.showToast({
					title: text,
					icon: 'none'
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.swiper {
			height: 133vw;
			&-item {
				position: relative;
				padding: 133% 0 0 0;
				image {
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}
			}
		}
		
		.modules {
			background: #f7f7f7;
			.rows {
				display: flex;
				align-items: center;
				.cell {
					flex: 1;
				}
				.item2 {
					.cate {
						text {
							font-size: 12px;
						}
					}
					.url {
						text {
							font-size: 8px;
						}
					}
				}
			}
			.item {
				image {
					display: block;
					width: 100%;
				}
			}
			.item2 {
				background: #f7f7f7;
				padding: 0 5vw;
				display: flex;
				align-items: center;
				.cate {
					flex: 1;
					line-height: 50px;
				}
				.url {
					text {
						font-size: 12px;
						padding: 3px 6px;
						border: 1px solid #333;
						border-radius: 15px;
					}
				}
			}
		}
	
	.classifyTit {
		padding: 0 30rpx;
		font-size: 32rpx;
		font-weight: bold;
		color: #333333;
	}

	.listBigBox {
		display: grid;
		padding: 30rpx;
		grid-gap: 30rpx;
		grid-template-columns: repeat(3, 1fr);

		.oneGoods {
			background: #F7F7F7;
			font-size: 32rpx;
			font-weight: 500;
			color: #333333;

			image {
				width: 28vw;
				height: 200rpx;
				border-radius: 20rpx 20rpx 0px 0px;
			}

			.tit {
				margin-bottom: 20rpx;
				width: 200rpx;
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
			}

			.priseBox {
				color: #F71212;

				text {
					font-weight: bold;
					font-size: 36rpx;
				}
			}
		}
	}

	.p-c {
		color: #ccc;
		font-size: 26upx;
	}

	.addressImgBox {
		flex-direction: column;
		color: #999;
		padding-top: 20%;

		image {
			width: 400rpx;
			height: 400rpx;
		}
	}

	.homePage {
		padding: 0 0rpx;
	}

	.home-top {
		background: #000000;
	}

	.home-nav {
		margin: 10rpx 0;
		padding-bottom: 10rpx;
	}

	.home-msg {
		width: 50rpx;
		height: 50rpx;
	}

	.home-settings {
		width: 50rpx;
		height: 50rpx;
	}

	.search-box {
		background-color: #FFF;
		border-radius: 13rpx;
		flex: 1;
		padding: 20rpx 28rpx;

		.home-search {
			width: 25rpx;
			height: 25rpx;
		}

		.home-search-input {
			font-size: 27rpx;
			margin-left: 16rpx;
			width: 80%;
		}

		.home-search-btn {
			color: #41644A;
			font-weight: bold;
			font-size: 27rpx;
		}
	}

	.swiperBigBox {
		height: 350rpx;
		width: 100%;

		.swiper-box {
			width: 100%;
			height: 350rpx;
			border-radius: 20rpx 20rpx 20rpx 20rpx;
			overflow: hidden;
			transform: translateY(0);

			.swiper-img {
				width: 100%;
				height: 350rpx;
				border-radius: 20rpx;
				background-color: #f7f7f7;
			}
		}
	}

	.img-card {
		width: 347rpx;
		height: 200rpx;
	}

	.home-invite {
		width: 710rpx;
		height: 233rpx;
		display: block;
		margin: 0 auto;
	}

	.label-name {
		justify-content: center;
		padding: 20rpx;
		font-size: 36rpx;
		font-weight: bold;

		.label-left,
		.label-right {
			width: 136rpx;
			height: 12rpx;
			border-radius: 8rpx;
			background-image: linear-gradient(to right, #FFF8F8, #41644A);
			margin: 0 20rpx;
		}

		.label-right {
			background-image: linear-gradient(to left, #FFF8F8, #41644A);
		}
	}

	.home-dz-ss {
		font-size: 26upx;
		padding: 0 0 20rpx 0;

		.home-dw {
			width: 25rpx;
			height: 25rpx;
			margin-left: 16rpx;
		}

		.search-box {
			background-color: #F5F5F5;
			flex: 1;
			margin-left: 40rpx;
			margin-right: 0;

			input {
				font-size: 27rpx;
				margin-left: 16rpx;
			}
		}
	}

	.type-list {
		color: #333;
		// padding: 20rpx;
		padding: 0 35rpx 30rpx;
		padding-top: 0;
		font-size: 26upx;

		.home-xl {
			width: 17rpx;
			height: 12rpx;
			margin-left: 12rpx;
		}

		.xl-act {
			color: #41644A;
		}
	}

	.goods-list {
		background: #F7F7F7;
		border-radius: 5rpx;
		padding: 10rpx;

		.goods-item {
			padding: 30rpx 20rpx 30rpx 20rpx;
			background-color: #FFF;
			border-radius: 20rpx;
			font-size: 29rpx;
			margin: 20rpx 0;
			display: flex;
			flex-direction: column;

			.goods-header {
				align-items: center;
				justify-content: center;
				display: flex;
				flex-direction: row;

				.goods-name {
					font-size: 32rpx;
					color: #3d3d3d;
				}

				.goods-img {
					width: 100rpx;
					height: 100rpx;
					background-color: #999999;
					margin-right: 12rpx;
					border-radius: 50rpx;
				}

				.star {
					height: 30rpx;
					margin-right: 4rpx;
				}

				.score {
					font-size: 24rpx;
					color: #999999;

					.score-num {
						color: #4d4d4d;
					}

					.month-sales {
						margin-left: 16rpx;
					}
				}

				.goods-discount {
					font-size: 28rpx;
					padding: 6rpx 15rpx;
					background-color: #EF1B1B;
					color: #FFF;
					display: inline-block;
					border-radius: 8rpx;
				}

				.goods-tickets {
					font-size: 24rpx;
					padding: 6rpx 0;
					border-radius: 8rpx;
					border: 1rpx solid #EF1B1B;
					color: #EF1B1B;
					margin-left: 20rpx;

					.tickets-item {
						display: inline-block;
						padding: 0 15rpx;
						border-right: 1rpx solid #EF1B1B;
					}

					.tickets-item:last-child {
						border-right: none;
					}
				}
			}

			.oneGoods {
				margin-top: 10rpx;
				flex: 1;
				font-size: 32rpx;
				font-weight: 500;
				color: #333333;
				position: relative;
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 10rpx;
				box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.03);

				image {
					width: 100%;
					height: 200rpx;
				}

				.tit {
					display: none;
					opacity: 0.5;
					background-color: rgba(0, 0, 0, 0.5);
					text-align: center;
					color: white;
					position: absolute;
					left: 0;
					top: 0;
					white-space: nowrap;
					text-overflow: ellipsis;
					overflow: hidden;
				}

				.priseBox {
					padding: 5rpx 10rpx;
					border-radius: 3rpx 3rpx 3rpx 3rpx;
					color: white;
					opacity: 0.8;
					background-color: rgba(0, 0, 0, 0.5);
					position: absolute;
					right: 0;
					bottom: 0;

					text {
						font-weight: bold;
						font-size: 30rpx;
					}
				}
			}
		}
	}

	.imgSwiper {
		width: 92vw;
		height: 233rpx;
		border-radius: 30rpx;
		overflow: hidden;
		transform: translateY(0);
	}

	.imgSwiperBox {
		margin: 0 30rpx;
		border-radius: 40rpx;
	}

	.imgSwiperImg {
		width: 92vw;
		height: 233rpx;
		border-radius: 30rpx;
	}

	.swiperNumBox {
		background: rgba(0, 0, 0, 0.3);
		border-radius: 25px;
		padding: 3rpx 15rpx;
		position: absolute;
		font-size: 26rpx;
		bottom: 20rpx;
		right: 20rpx;
		color: #fff;
	}
</style>

<style lang="less" scoped>
	.home-goods {
		position: relative;
		background: #f8f8f8;
		padding: 40rpx 0;
		overflow: hidden;
		.thead {
			position: relative;
			text-align: center;
			.title {
				line-height: 80rpx;
				font-size: 40rpx;
				color: #191919;
				font-weight: bold;
				text-transform: uppercase;
			}
			.line {
				display: flex;
				align-items: center;
				justify-content: center;
				text {
					margin: 0 3vw;
					font-size: 32rpx;
					color: #999999;
				}
				&:before,
				&::after {
					content: '';
					border-top: 1px solid #bbbbbb;
					width: 15vw;
					line-height: 0;
				}
			}
		}
		.tbody {
			.list {}
			.item {}
			.cell {
				position: relative;
				padding: 15rpx;
				margin: 30rpx;
				background: #ffffff;
				border-radius: 10rpx;
				.cover {
					image {
						display: block;
						width: 100%;
						height: ;
						border-radius: 10rpx;
					}
				}
				.exp {
					position: relative;
				}
				.title {
					display: inline-flex;
					height: 80rpx;
					line-height: 80rpx;
					background: url('https://img.2024csnl.com/static/2.x/a10.png') right center no-repeat;
					background-size: 30rpx;
					padding-right: 40rpx;
					text {
						font-size: 30rpx;
						text-decoration: underline;
						color: #3d5e45;
					}
				}
			}
		}
	}
	
	.home-about {
		position: relative;
		background: #f8f8f8;
		overflow: hidden;
		.thead {
			position: relative;
			text-align: center;
			background: url('https://img.2024csnl.com/static/2.x/a11.png') center center no-repeat;
			background-size: 100% 100%;
			padding: 80rpx 0 140rpx;
			.title {
				line-height: 80rpx;
				font-size: 40rpx;
				color: #ffffff;
				font-weight: bold;
				text-transform: uppercase;
			}
			.line {
				display: flex;
				align-items: center;
				justify-content: center;
				text {
					margin: 0 3vw;
					font-size: 32rpx;
					color: #999999;
				}
				&:before,
				&::after {
					content: '';
					border-top: 1px solid #bbbbbb;
					width: 15vw;
					line-height: 0;
				}
			}
		}
		.tbody {
			position: relative;
			margin-top: -120rpx;
			.box {
				margin: 30rpx;
				padding: 15rpx;
				background: #ffffff;
				border-radius: 10rpx;
			}
			.cover {
				image {
					display: block;
					width: 100%;
					border-radius: 10rpx 10rpx 0 0;
				}
			}
			.rich {
				margin: 15rpx;
				line-height: 1.6;
				text-indent: 2em;
				color: #777777;
				&.ellipsis {
					text-align: justify;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 5;
				}
			}
			.all {
				display: flex;
				justify-content: center;
				padding: 20rpx;
				text {
					color: #293f2d;
					margin-right: 10rpx;
					font-size: 28rpx;
				}
				image {
					display: block;
					width: 30rpx;
					height: 30rpx;
				}
			}
			.join-title {
				line-height: 80rpx;
				margin: 15rpx;
				text {
					font-size: 30rpx;
				}
			}
			.join-rich {
				margin: 15rpx;
				text-indent: 2em;
				line-height: 1.6;
				color: #777777;
				text-align: justify;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 4;
			}
			.photos {
				display: flex;
				flex-wrap: wrap;
				margin: -10rpx;
				.item {
					width: 50%;
				}
				.cell {
					margin: 6rpx;
				}
				.img {
					image {
						display: block;
						width: 100%;
						height: 30vw;
						border-radius: 10rpx;
					}
				}
			}
		}
	}
	
	
	
	.home-address {
		position: relative;
		background: #f8f8f8;
		padding: 40rpx 0 0;
		height: 46vw;
		z-index: 2;
		.thead {
			position: relative;
			text-align: center;
			.title {
				line-height: 80rpx;
				font-size: 40rpx;
				color: #191919;
				font-weight: bold;
				text-transform: uppercase;
			}
			.line {
				display: flex;
				align-items: center;
				justify-content: center;
				text {
					margin: 0 3vw;
					font-size: 32rpx;
					color: #999999;
				}
				&:before,
				&::after {
					content: '';
					border-top: 1px solid #bbbbbb;
					width: 15vw;
					line-height: 0;
				}
			}
		}
		.tbody {
			margin: 30rpx 30rpx 0;
			padding: 15rpx;
			background: #ffffff;
			border-radius: 10rpx;
			.img {
				image {
					display: block;
					width: 100%;
					height: 20vw;
					border-radius: 10rpx;
				}
			}
			.address {
				display: flex;
				padding: 15rpx 0 0;
				line-height: 40rpx;
				image {
					display: block;
					width: 30rpx;
					height: 30rpx;
					margin: 5rpx 10rpx 0 0;
				}
				text {
					flex: 1;
					color: #999999;
				}
			}
		}
	}
	
	.home-kefu {
		position: relative;
		z-index: 1;
		text-align: center;
		background: url('https://img.2024csnl.com/static/2.x/a20.png') center center no-repeat;
		background-size: 100% 100%;
		padding: 200rpx 40rpx 100rpx;
		.logo {
			image {
				width: 150rpx;
			}
		}
		.rich {
			margin: 40rpx 0;
			text {
				display: block;
				font-size: 38rpx;
				line-height: 1.6;
				color: #ffffff;
				&:nth-child(2) {
					font-size: 26rpx;
					opacity: 0.6;
				}
			}
		}
		.kefu {
			display: flex;
			justify-content: center;
			align-items: center;
			image {
				display: block;
				width: 40rpx;
				height: 40rpx;
			}
			text {
				font-size: 30rpx;
				color: #ffffff;
				margin-left: 10rpx;
				text-decoration: underline;
			}
		}
	}
</style>